import React from 'react'

import store from '../../store/store'

import { increamentAction, decreamentAction, waitcreamentAction } from '../../store/actions/countAction'


export default function Count() {


  const { count } = store.getState().count;
  const { movieList } = store.getState().movie

  const incrementHandle = () => {
    store.dispatch(increamentAction(1))
  }


  const decreamentHandle = () => {
    store.dispatch(decreamentAction(1))
  }

  const ifOddDecrementHandle = () => {
    if (count % 2 !== 0) {
      store.dispatch(increamentAction(1))
    }
  }

  const waitDecrementHandle = () => {

    /* 
    waitcreamentAction(1)
    返回一个函数
    ()=>{
    setTimeout(()=>{
      store.dispatch({
        type: INCREMENTCOUNT,
        data
      })
    },2000)
  }
    */
    store.dispatch(waitcreamentAction(1))
  }

  return (
    <div>
      <h1>我是Count组件 我的值是{count}</h1>
      <h2>当前的电影总是数 {movieList.length}</h2>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>

    </div>
  )
}
